<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <!-- Required meta tags -->
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="bootstrap-4.4.1-dist/css/bootstrap.min.css">

  <title>Greek Letters</title>
</head>

<body>
  <div class="container-fluid">
    <div class="row mt-4">
      <div class="col-12 justify-content-center d-flex">
        <span class="h1">Greek Letters</span>
      </div>
    </div>
    <div class="row border-top border-primary">
      <div class="col">
      </div>
      <div class="col-sm-12 col-lg-8">
        <table class="table table-striped">
          <thead>
            <tr>
              <th scope="col">序号</th>
              <th scope="col">字母大写</th>
              <th scope="col">字母小写</th>
              <th scope="col">英文</th>
              <th scope="col">汉语</th>
              <th scope="col">读音</th>
              <th scope="col">其他</th>
              <th scope="col">备注</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <th scope="row">1</th>
              <td>&Alpha;</td>
              <td>&alpha;</td>
              <td>alpha</td>
              <td>阿尔法</td>
              <td>
                <svg id="play1" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause1" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">2</th>
              <td>&Beta;</td>
              <td>&beta;</td>
              <td>beta</td>
              <td>贝塔</td>
              <td>
                <svg id="play2" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause2" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">3</th>
              <td>&Gamma;</td>
              <td>&gamma;</td>
              <td>gamma</td>
              <td>伽玛</td>
              <td>
                <svg id="play3" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause3" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">4</th>
              <td>&Delta;</td>
              <td>&delta;</td>
              <td>delta</td>
              <td>德尔塔</td>
              <td>
                <svg id="play4" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause4" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">5</th>
              <td>&Epsilon;</td>
              <td>&epsilon;</td>
              <td>epsilon</td>
              <td>艾普西龙</td>
              <td>
                <svg id="play5" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause5" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">6</th>
              <td>&Zeta;</td>
              <td>&zeta;</td>
              <td>zeta</td>
              <td>泽塔</td>
              <td>
                <svg id="play6" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause6" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">7</th>
              <td>&Eta;</td>
              <td>&eta;</td>
              <td>eta</td>
              <td>伊塔</td>
              <td>
                <svg id="play7" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause7" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">8</th>
              <td>&Theta;</td>
              <td>&theta;</td>
              <td>theta</td>
              <td>西塔</td>
              <td>
                <svg id="play8" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause8" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">9</th>
              <td>&Iota;</td>
              <td>&iota;</td>
              <td>iota</td>
              <td>埃欧塔</td>
              <td>
                <svg id="play9" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause9" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">10</th>
              <td>&Kappa;</td>
              <td>&kappa;</td>
              <td>kappa</td>
              <td>堪帕</td>
              <td>
                <svg id="play10" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause10" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">11</th>
              <td>&Lambda;</td>
              <td>&lambda;</td>
              <td>lambda</td>
              <td>兰姆达</td>
              <td>
                <svg id="play11" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause11" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">12</th>
              <td>&Mu;</td>
              <td>&mu;</td>
              <td>mu</td>
              <td>谬</td>
              <td>
                <svg id="play12" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause12" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">13</th>
              <td>&Nu;</td>
              <td>&nu;</td>
              <td>nu</td>
              <td>拗</td>
              <td>
                <svg id="play13" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause13" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">14</th>
              <td>&Xi;</td>
              <td>&xi;</td>
              <td>xi</td>
              <td>可西</td>
              <td>
                <svg id="play14" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause14" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">15</th>
              <td>&Omicron;</td>
              <td>&omicron;</td>
              <td>omicron</td>
              <td>欧米可荣</td>
              <td>
                <svg id="play15" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause15" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">16</th>
              <td>&Pi;</td>
              <td>&pi;</td>
              <td>pi</td>
              <td>派</td>
              <td>
                <svg id="play16" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause16" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">17</th>
              <td>&Rho;</td>
              <td>&rho;</td>
              <td>rho</td>
              <td>柔</td>
              <td>
                <svg id="play17" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause17" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">18</th>
              <td>&Sigma;</td>
              <td>&sigma;</td>
              <td>sigma</td>
              <td>西格玛</td>
              <td>
                <svg id="play18" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause18" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">19</th>
              <td>&Tau;</td>
              <td>&tau;</td>
              <td>tau</td>
              <td>套</td>
              <td>
                <svg id="play19" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause19" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">20</th>
              <td>&Upsilon;</td>
              <td>&upsilon;</td>
              <td>upsilon</td>
              <td>阿普西龙</td>
              <td>
                <svg id="play20" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause20" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">21</th>
              <td>&Phi;</td>
              <td>&phi;</td>
              <td>phi</td>
              <td>弗爱</td>
              <td>
                <svg id="play21" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause21" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">22</th>
              <td>&Chi;</td>
              <td>&chi;</td>
              <td>chi</td>
              <td>凯</td>
              <td>
                <svg id="play22" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause22" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">23</th>
              <td>&Psi;</td>
              <td>&psi;</td>
              <td>psi</td>
              <td>普西</td>
              <td>
                <svg id="play23" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause23" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
            <tr>
              <th scope="row">24</th>
              <td>&Omega;</td>
              <td>&omega;</td>
              <td>omega</td>
              <td>欧米伽</td>
              <td>
                <svg id="play24" style="cursor:pointer" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M13.596 10.697l-6.363 3.692c-.54.313-1.233-.066-1.233-.697V6.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 010 1.393z" />
                </svg>
                <svg id="pause24" style="cursor:pointer" display="none" width="1em" height="1em" fill="currentColor">
                  <path
                    d="M7.5 5.5A1.5 1.5 0 019 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5zm5 0A1.5 1.5 0 0114 7v6a1.5 1.5 0 01-3 0V7a1.5 1.5 0 011.5-1.5z" />
                </svg>
              </td>
              <td>无</td>
              <td>无</td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="col">
      </div>
    </div>
    <div class="row mt-4">
      <div class="col-12 justify-content-center d-flex">
        读音来自https://www.collinsdictionary.com/zh <br>
        参考https://xilazimu.net/ <br>
        另外，可以看到希腊字母和英文26个字母有些联系，从这些字母的英文表述的首字母可以看出
      </div>
    </div>
  </div>
  <audio id="letter1" src="media/audio/en_gb_alpha.mp3"></audio>
  <audio id="letter2" src="media/audio/en_gb_beta.mp3"></audio>
  <audio id="letter3" src="media/audio/en_gb_gamma.mp3"></audio>
  <audio id="letter4" src="media/audio/en_gb_delta.mp3"></audio>
  <audio id="letter5" src="media/audio/en_gb_epsilon.mp3"></audio>
  <audio id="letter6" src="media/audio/en_gb_zeta.mp3"></audio>
  <audio id="letter7" src="media/audio/en_gb_eta.mp3"></audio>
  <audio id="letter8" src="media/audio/en_gb_theta.mp3"></audio>
  <audio id="letter9" src="media/audio/en_gb_iota.mp3"></audio>
  <audio id="letter10" src="media/audio/en_gb_kappa.mp3"></audio>
  <audio id="letter11" src="media/audio/en_gb_lambda.mp3"></audio>
  <audio id="letter12" src="media/audio/en_gb_mu.mp3"></audio>
  <audio id="letter13" src="media/audio/en_gb_nu.mp3"></audio>
  <audio id="letter14" src="media/audio/en_gb_xi.mp3"></audio>
  <audio id="letter15" src="media/audio/en_gb_omicron.mp3"></audio>
  <audio id="letter16" src="media/audio/en_gb_pi.mp3"></audio>
  <audio id="letter17" src="media/audio/en_gb_rho.mp3"></audio>
  <audio id="letter18" src="media/audio/en_gb_sigma.mp3"></audio>
  <audio id="letter19" src="media/audio/en_gb_tau.mp3"></audio>
  <audio id="letter20" src="media/audio/en_gb_upsilon.mp3"></audio>
  <audio id="letter21" src="media/audio/en_gb_phi.mp3"></audio>
  <audio id="letter22" src="media/audio/en_gb_chi.mp3"></audio>
  <audio id="letter23" src="media/audio/en_gb_psi.mp3"></audio>
  <audio id="letter24" src="media/audio/en_gb_omega.mp3"></audio>

  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="jquery@3.4.1/dist/jquery.slim.min.js"></script>
  <script src="popper.js@1.16.0/dist/umd/popper.min.js"></script>
  <script src="bootstrap-4.4.1-dist/js/bootstrap.min.js"></script>
  <script>
    $(document).ready(function () {
      $("#play1").click(function () {
        $("#play1").hide();
        $("#pause1").show();
        $('#letter1').get(0).play();
      })
      $("#pause1").click(function () {
        $("#pause1").hide();
        $("#play1").show();
        $('#letter1').get(0).pause();
      })
      $('#letter1')[0].onended = function () {
        $("#pause1").hide();
        $("#play1").show();
      };
      $("#play1").click(function () {
        $("#play1").hide();
        $("#pause1").show();
        $('#letter1').get(0).play();
      })
      $("#pause1").click(function () {
        $("#pause1").hide();
        $("#play1").show();
        $('#letter1').get(0).pause();
      })
      $('#letter1')[0].onended = function () {
        $("#pause1").hide();
        $("#play1").show();
      };
      $("#play2").click(function () {
        $("#play2").hide();
        $("#pause2").show();
        $('#letter2').get(0).play();
      })
      $("#pause2").click(function () {
        $("#pause2").hide();
        $("#play2").show();
        $('#letter2').get(0).pause();
      })
      $('#letter2')[0].onended = function () {
        $("#pause2").hide();
        $("#play2").show();
      };
      $("#play3").click(function () {
        $("#play3").hide();
        $("#pause3").show();
        $('#letter3').get(0).play();
      })
      $("#pause3").click(function () {
        $("#pause3").hide();
        $("#play3").show();
        $('#letter3').get(0).pause();
      })
      $('#letter3')[0].onended = function () {
        $("#pause3").hide();
        $("#play3").show();
      };
      $("#play4").click(function () {
        $("#play4").hide();
        $("#pause4").show();
        $('#letter4').get(0).play();
      })
      $("#pause4").click(function () {
        $("#pause4").hide();
        $("#play4").show();
        $('#letter4').get(0).pause();
      })
      $('#letter4')[0].onended = function () {
        $("#pause4").hide();
        $("#play4").show();
      };
      $("#play5").click(function () {
        $("#play5").hide();
        $("#pause5").show();
        $('#letter5').get(0).play();
      })
      $("#pause5").click(function () {
        $("#pause5").hide();
        $("#play5").show();
        $('#letter5').get(0).pause();
      })
      $('#letter5')[0].onended = function () {
        $("#pause5").hide();
        $("#play5").show();
      };
      $("#play6").click(function () {
        $("#play6").hide();
        $("#pause6").show();
        $('#letter6').get(0).play();
      })
      $("#pause6").click(function () {
        $("#pause6").hide();
        $("#play6").show();
        $('#letter6').get(0).pause();
      })
      $('#letter6')[0].onended = function () {
        $("#pause6").hide();
        $("#play6").show();
      };
      $("#play7").click(function () {
        $("#play7").hide();
        $("#pause7").show();
        $('#letter7').get(0).play();
      })
      $("#pause7").click(function () {
        $("#pause7").hide();
        $("#play7").show();
        $('#letter7').get(0).pause();
      })
      $('#letter7')[0].onended = function () {
        $("#pause7").hide();
        $("#play7").show();
      };
      $("#play8").click(function () {
        $("#play8").hide();
        $("#pause8").show();
        $('#letter8').get(0).play();
      })
      $("#pause8").click(function () {
        $("#pause8").hide();
        $("#play8").show();
        $('#letter8').get(0).pause();
      })
      $('#letter8')[0].onended = function () {
        $("#pause8").hide();
        $("#play8").show();
      };
      $("#play9").click(function () {
        $("#play9").hide();
        $("#pause9").show();
        $('#letter9').get(0).play();
      })
      $("#pause9").click(function () {
        $("#pause9").hide();
        $("#play9").show();
        $('#letter9').get(0).pause();
      })
      $('#letter9')[0].onended = function () {
        $("#pause9").hide();
        $("#play9").show();
      };
      $("#play10").click(function () {
        $("#play10").hide();
        $("#pause10").show();
        $('#letter10').get(0).play();
      })
      $("#pause10").click(function () {
        $("#pause10").hide();
        $("#play10").show();
        $('#letter10').get(0).pause();
      })
      $('#letter10')[0].onended = function () {
        $("#pause10").hide();
        $("#play10").show();
      };
      $("#play11").click(function () {
        $("#play11").hide();
        $("#pause11").show();
        $('#letter11').get(0).play();
      })
      $("#pause11").click(function () {
        $("#pause11").hide();
        $("#play11").show();
        $('#letter11').get(0).pause();
      })
      $('#letter11')[0].onended = function () {
        $("#pause11").hide();
        $("#play11").show();
      };
      $("#play12").click(function () {
        $("#play12").hide();
        $("#pause12").show();
        $('#letter12').get(0).play();
      })
      $("#pause12").click(function () {
        $("#pause12").hide();
        $("#play12").show();
        $('#letter12').get(0).pause();
      })
      $('#letter12')[0].onended = function () {
        $("#pause12").hide();
        $("#play12").show();
      };
      $("#play13").click(function () {
        $("#play13").hide();
        $("#pause13").show();
        $('#letter13').get(0).play();
      })
      $("#pause13").click(function () {
        $("#pause13").hide();
        $("#play13").show();
        $('#letter13').get(0).pause();
      })
      $('#letter13')[0].onended = function () {
        $("#pause13").hide();
        $("#play13").show();
      };
      $("#play14").click(function () {
        $("#play14").hide();
        $("#pause14").show();
        $('#letter14').get(0).play();
      })
      $("#pause14").click(function () {
        $("#pause14").hide();
        $("#play14").show();
        $('#letter14').get(0).pause();
      })
      $('#letter14')[0].onended = function () {
        $("#pause14").hide();
        $("#play14").show();
      };
      $("#play15").click(function () {
        $("#play15").hide();
        $("#pause15").show();
        $('#letter15').get(0).play();
      })
      $("#pause15").click(function () {
        $("#pause15").hide();
        $("#play15").show();
        $('#letter15').get(0).pause();
      })
      $('#letter15')[0].onended = function () {
        $("#pause15").hide();
        $("#play15").show();
      };
      $("#play16").click(function () {
        $("#play16").hide();
        $("#pause16").show();
        $('#letter16').get(0).play();
      })
      $("#pause16").click(function () {
        $("#pause16").hide();
        $("#play16").show();
        $('#letter16').get(0).pause();
      })
      $('#letter16')[0].onended = function () {
        $("#pause16").hide();
        $("#play16").show();
      };
      $("#play17").click(function () {
        $("#play17").hide();
        $("#pause17").show();
        $('#letter17').get(0).play();
      })
      $("#pause17").click(function () {
        $("#pause17").hide();
        $("#play17").show();
        $('#letter17').get(0).pause();
      })
      $('#letter17')[0].onended = function () {
        $("#pause17").hide();
        $("#play17").show();
      };
      $("#play18").click(function () {
        $("#play18").hide();
        $("#pause18").show();
        $('#letter18').get(0).play();
      })
      $("#pause18").click(function () {
        $("#pause18").hide();
        $("#play18").show();
        $('#letter18').get(0).pause();
      })
      $('#letter18')[0].onended = function () {
        $("#pause18").hide();
        $("#play18").show();
      };
      $("#play19").click(function () {
        $("#play19").hide();
        $("#pause19").show();
        $('#letter19').get(0).play();
      })
      $("#pause19").click(function () {
        $("#pause19").hide();
        $("#play19").show();
        $('#letter19').get(0).pause();
      })
      $('#letter19')[0].onended = function () {
        $("#pause19").hide();
        $("#play19").show();
      };
      $("#play20").click(function () {
        $("#play20").hide();
        $("#pause20").show();
        $('#letter20').get(0).play();
      })
      $("#pause20").click(function () {
        $("#pause20").hide();
        $("#play20").show();
        $('#letter20').get(0).pause();
      })
      $('#letter20')[0].onended = function () {
        $("#pause20").hide();
        $("#play20").show();
      };
      $("#play21").click(function () {
        $("#play21").hide();
        $("#pause21").show();
        $('#letter21').get(0).play();
      })
      $("#pause21").click(function () {
        $("#pause21").hide();
        $("#play21").show();
        $('#letter21').get(0).pause();
      })
      $('#letter21')[0].onended = function () {
        $("#pause21").hide();
        $("#play21").show();
      };
      $("#play22").click(function () {
        $("#play22").hide();
        $("#pause22").show();
        $('#letter22').get(0).play();
      })
      $("#pause22").click(function () {
        $("#pause22").hide();
        $("#play22").show();
        $('#letter22').get(0).pause();
      })
      $('#letter22')[0].onended = function () {
        $("#pause22").hide();
        $("#play22").show();
      };
      $("#play23").click(function () {
        $("#play23").hide();
        $("#pause23").show();
        $('#letter23').get(0).play();
      })
      $("#pause23").click(function () {
        $("#pause23").hide();
        $("#play23").show();
        $('#letter23').get(0).pause();
      })
      $('#letter23')[0].onended = function () {
        $("#pause23").hide();
        $("#play23").show();
      };
      $("#play24").click(function () {
        $("#play24").hide();
        $("#pause24").show();
        $('#letter24').get(0).play();
      })
      $("#pause24").click(function () {
        $("#pause24").hide();
        $("#play24").show();
        $('#letter24').get(0).pause();
      })
      $('#letter24')[0].onended = function () {
        $("#pause24").hide();
        $("#play24").show();
      };
    });
  </script>
</body>

</html>